<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="css/base.css">
   <link rel="stylesheet" href="iconfont/iconfont.css">
   <link rel="stylesheet" href="css/index.css">
</head>
<body>
  <!-- 头部区域 -->
   <div class="head1">
    <a href="#" class="iconfont icon-sangang"></a>
    <a href="https://www.baidu.com/?tn=15007414_13_dg" class="iconfont icon-Magnifier"></a>
    <div class="xiangji"><img src="images/相机.png" alt=""></div>
    <p class="animal-photography">Animal Photography</p>
    <p class="a-silhouette-of-them-a-simple-little-acttion-here-are-the-photographer-s-eyes-the-best-of-them-their-laughter-their-love-their-every-vivid-are-recored-by-us">A silhouette of them, a simple little acttion, here are the photographer’s 
eyes the best of them, their laughter, their love, their every vivid, are recored 
by us. </p>
      <a href="#" class="explore EXPIORE">EXPIORE</a>
      <img src="images/鸟1.png" alt="" class="bird1">
      <img src="images/鸟2.png" alt="" class="bird2">
      <img src="images/鸟3.png" alt="" class="bird3">
  </div>
   <div class="head2">
    <img src="images/乌龟.png" alt="">
  </div>
  <!-- 中间区域 -->
   <div class="middle1"></div>
   <div class="middle2">
    <img src="images/鹿.png" alt="">   
    <div class="text">
      <div class="text-content">“Family Farms is the best place，where I can buy fruit,vegetable,meat,honey,milk,
eggs and so on for my retaurant directly fromupplier. Super convinient.Thank you”
xdccnfc cfvfesc cfnccnjdcn cfjdcdsr dcwwzwqg ejs dddc ddf fnfjv eij fvnv jnxzexh cn
cdcmdsc ddnc, cddmdcds dncdn cdcn wqeoeas, dcndassasas,cdcndcnc cciqoskxm 
cbdcpqslwq nfnere nfncsfjjc dndcww frhfjnc qpdjweiw cnncqe, cqjsdc ccn dcjndc ,
ncf cdncjd dcdjcndq csjncq dcdncf dcdjdnc cdjsq, qkodkqe wqcnpsdc cdnqq qcw,
cqnonxj dcdcnd dcnjsdvb wcnwq cowwncjq jjcnjncqnw wcq c wd cwch, cnjncnc ece
cdcnncdwnc	nenwc dcnnc cjcj , c cjrnc wecwc .	</div>
        <div class="sign-up"><div class="SIGN-UP">SIGN UP</div></div> 
    </div>
  </div>
  <div class="difference">Difference</div>
  <div class="middle3">
    <div class="flow"><img src="images/骏马1.png" alt=""><div class="df"><div class="horse">Horse</div><a href="#" class="a-difference-story">A difference story</a></div></div>
    <div class="flow"><img src="images/袋鼠2.png" alt=""><div class="df"><div class="kangaroo">Kangaroo</div><a href="#" class="a-difference-story">A difference story</a></div></div>
    <div class="flow"><img src="images/狮子3.png" alt=""><div class="df"><div class="lion">Lion</div><a href="#" class="a-difference-story">A difference story</a></div></div>
    <!-- 为啥我狮子文本的样式没有生效 -->
    <div class="flow"><img src="images/企鹅4.png" alt=""><div class="df"><div class="hummingbird">Hummingbird</div><a href="#" class="a-difference-story">A difference story</a></div></div>
    <!-- 为什么这里我的图片与下面的文本块中间有缝隙 -->
  </div> 
   <!-- 尾部区域 -->
    <div class="weibu1">
      <div class="km">Know  more</div>
      <br><br><br><br>
      <img src="images/松鼠.png" alt="">
      <div class="the-photo">The Photo</div>
      <p class="family">“Family Farms is the best placewhere I 
can buy fruit,vegetable,meat,honey,milk,
eggs and so on for my retaurant directly from
supplier. Super convinient.Thank you”</p>
      <div class="tip1 tip"><div class="r">1</div><div class="t">Looking for it</div></div>
      <div class="tip2 tip"><div class="r">2</div><div class="t">Cultivate feelings</div></div>
      <div class="tip3 tip"><div class="r">3</div><div class="t">Shooting</div></div>
      <div class="tip4 tip"><div class="r">4</div><div class="t">Harvest achievement</div></div>
    </div>
    <br>
    <br>
    <br>
    <hr>
    <div class="weibu2">
      <div class="in-the-wild">IN THE WILD</div>
      <div class="in-the-sea">IN THE SEA</div>
      <div class="moer">MOER</div>
      <div class="we-create-art-we-create-life">We create art  We create life</div>
      <div class="bigworld">Big World</div>
  </div>
</body>
</html>